$(function (){
//获取数据
    $.ajax({
        url: '/following/list',
        type: 'GET',
        dataType: "json",
        processData: false,   // 不处理发送的数据
        contentType: false,   // 不设置Content-Type请求头
        success:
            function (res) {
                // if (res.code == 200) {
                //     showdata(res);
                // window.location.href = '/data/index';
                // btn2(res.data.length,res.data);
                console.log(res);
                console.log(res.data.followingVOList.length);
                //加载
                init(res.data.followingVOList.length,res.data.followingVOList)
            }
    })

//取消关注

   $(document).on('click','.btn',function (e) {

        var offOn = true;
        var $div = $('.btn');
        var $a=$('.btn-label');
        var index=$(this).closest('div').find('.id').text();
        var id=$(this).children('.id').text();
        console.log(id);
       $(".fchange").click(function () {
           console.log("删除")
           if (offOn) {
               $div.css('border-color', '#007bff');
               $a.css('color', '#007bff');
               $a.html('关注');
               offOn = false;

               $.ajax({
                   url: '/following/delete?id='+id,
                   type: 'GET',
                   // data:index,
                   dataType: "json",
                   processData: false,   // 不处理发送的数据
                   contentType: false,   // 不设置Content-Type请求头
                   success:
                       function (res) {
                           console.log(res);
                           if (res.code == 200) {
                               $.toast({

                                   title: '通知',
                                   subtitle: '2秒前',
                                   content: "取消关注成功",
                                   type: 'success',
                                   delay: 3000,
                                   pause_on_hover: false
                               });

                               window.location.href='/following/index'
                           }
                           else{
                               $.toast({
                                   title: '通知',
                                   subtitle: '2秒前',
                                   content: res.msg,
                                   type: 'error',
                                   delay: 1000,
                                   pause_on_hover: false
                               });
                           }
                       }
               })
           } else {

               $div.css('border-color', '#6c757d');
               $a.css('color', '#333');
               $a.html('取消关注');
               offOn = true;
           }
       })



    })

})



//跳转博主页
$(document).on('click','.skip',function (e){
var index=$(this).closest('div').find('.id').text();
    console.log(index);
    // $.ajax({
    //     url: '/unAuthorize/blogger?id='+index,
    //     type: 'GET',
    //     dataType: "json",
    //     processData: false,   // 不处理发送的数据
    //     contentType: false,   // 不设置Content-Type请求头
    //     success:
    //         function (res) {
    //             if (res.code == 200) {
    window.location.href = '/unAuthorize/blogger?id='+index;
                    // btn2(res.data.length,res.data);
            //         $.toast({
            //             title: '消息',
            //             subtitle: '2秒前',
            //             content: "跳转成功",
            //             type: 'success',
            //             delay: 5000,
            //             pause_on_hover: false
            //         })
            //         console.log(res);
            //     }else{
            //         console.log(res.msg);
            //     }
            // }
    // })

})

function init(num,data)
{
    for(let i=0;i<num;i++){
        var $str = $('<tr>' +
            '<td style="width: 33.333333%" class="skip">'+data[i].username+'</td>'+
            '<td style="width: 33.333333%" class="skip">'+
            '<img alt="Avatar" class="table-avatar" src='+data[i].img+'></td>'+
            '<td style="width: 33.333333% ">' +
            '<a class="btn" style="border: 1px solid #6c757d;width: 100px" data-toggle="modal" data-target="#myModal">'+
            '<div style="display:none" class="id">'+data[i].follow_id +'</div>'+
            '<font class="btn-label" style="color: #6c757d;font-size: .875rem" >取消关注</font>'+
            '</a></td>'+
        '</tr>')
        $(".listbody").append($str);
    }
    $(".btn").each(function(){
        $(this).attr('id',"add"+$(this).index());
    })
}


